<template>
  <div id="third_party">
    <group>
      <cell is-link title="支付宝支付">
        <span slot="icon" class="iconfont icon-zhifubao"></span>
      </cell>
      <cell is-link title="微信支付">
        <span slot="icon" class="iconfont icon-weixin"></span>
      </cell>
      <cell is-link>
        <span slot="icon" class="iconfont icon-paypal"> </span>
      </cell>
    </group>
  </div>
</template>


<script type="text/ecmascript-6">
  import {Group, Cell} from 'vux'

  export default {
    data () {
      return {
        // note: changing this line won't causes changes
        // with hot-reload because the reloaded component
        // preserves its current state and we are modifying
        // its initial state.
        mobile: '139'
      }
    },
    created () {

    },
    methods: {
      setIdentity: (identity) => {
        indexedDB('identity', 'set', this.RACEID, identity)
      }
    },
    components: {
      Cell,
      Group
    }
  }
</script>


<style lang="less" rel="stylesheet/less">
  #third_party .iconfont {
    font-size: 30px;
  }

  #third_party .weui-cells .iconfont {
    padding-right: 10px;
  }

  #third_party .weui-cells {
    margin-top: 0;
  }

  #third_party .vux-no-group-title {
    margin-top: 0;
  }

  #third_party .vux-flexbox .vux-flexbox-item {
    text-align: center;
    margin-left: 0;
    font-size: 0;
  }

  #third_party .vux-flexbox-item {
    padding-top: 4px;
    padding-bottom: 4px;
  }

</style>

